<template>
  <view class="container">
    <view class="title">用户协议</view>
    <view class="content">
      <view class="section">
        <view class="section-title">一、协议范围</view>
        <view class="section-content">
          本协议适用于所有使用我们服务的用户。用户在使用我们服务时，即表示同意遵守本协议的所有条款。
        </view>
      </view>
      <view class="section">
        <view class="section-title">二、服务内容</view>
        <view class="section-content">
          我们提供的服务包括但不限于：提供商品信息展示、商品购买、支付服务、售后服务等。具体服务内容以我们平台公布的信息为准。
        </view>
      </view>
      <view class="section">
        <view class="section-title">三、用户权利和义务</view>
        <view class="section-content">
          用户有权根据本协议的规定使用我们提供的服务。<br>
          用户在使用我们服务时，必须遵守国家法律法规，不得利用我们服务进行任何违法活动。<br>
          用户应当妥善保管自己的账号和密码，不得将其提供给他人使用。<br>
          用户不得利用我们的服务进行任何损害我们利益或他人合法权益的行为。
        </view>
      </view>
      <view class="section">
        <view class="section-title">四、服务的变更和终止</view>
        <view class="section-content">
          我们有权根据实际情况对服务内容进行调整和变更，用户应当及时关注并遵守相关规定。<br>
          如果用户违反本协议的任何条款，我们有权立即终止向该用户提供服务，并保留追究其法律责任的权利。
        </view>
      </view>
      <view class="section">
        <view class="section-title">五、免责条款</view>
        <view class="section-content">
          用户在使用我们服务时，应当自行承担因个人行为产生的风险。<br>
          我们不对用户在使用我们服务过程中产生的任何直接或间接损失承担责任。
        </view>
      </view>
      <view class="section">
        <view class="section-title">六、协议修改和解释</view>
        <view class="section-content">
          我们有权根据实际情况修改本协议的内容，并在平台上公布更新后的协议条款。<br>
          本协议的解释权归我们所有。
        </view>
      </view>
      <view class="section">
        <view class="section-title">七、其他条款</view>
        <view class="section-content">
          本协议的成立、生效、履行和解释均适用中华人民共和国法律。<br>
          若本协议的任何条款与法律相抵触，以法律规定为准。<br>
          本协议中的标题仅为方便阅读而设，不影响本协议条款的解释和适用。<br>
          用户在使用我们服务的过程中，即表示已经阅读并同意遵守本协议的所有条款。
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'UserAgreement',
}
</script>

<style>
/* 根元素样式，防止页面左右滑动 */
.container {
  overflow-x: hidden;
  padding: 20px;
}

/* 标题样式 */
.title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* 内容样式 */
.content {
  font-size: 16px;
  line-height: 1.5;
}

/* 段落样式 */
.section {
  margin-bottom: 20px;
}

/* 段落标题样式 */
.section-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* 段落内容样式 */
.section-content {
  margin-left: 10px;
}
</style>
